<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="test.css" rel="stylesheet"/>
    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script src="test.js" type="text/javascript"></script>
</head>
<body>
        <img id="img1" src="question.png" height="24" width="24" style="position: absolute; top: 200px;left: 30px;"/>
        <span style="position: absolute; top: 230px;left: 30px;width:25px;text-align: center">上</span>
        <img id="img2" src="question.png" height="24" width="24" style="position: absolute; top: 200px;left: 300px;"/>
        <span style="position: absolute; top: 230px;left: 300px;width:25px;text-align: center">右</span>
        <img id="img3" src="question.png" height="24" width="24" style="position: absolute; top: 200px;left: 600px;"/>
        <span style="position: absolute; top: 230px;left: 600px;width:25px;text-align: center">下</span>
        <img id="img4" src="question.png" height="24" width="24" style="position: absolute; top: 200px;left: 900px;"/>
        <span style="position: absolute; top: 230px;left: 900px;width:25px;text-align: center">左</span>

</body>
</html>